/** 基本全局样式 px2rem 37.5基准 **/

.none {
    display: none;
}

.clear_both {
	height: 0;
	clear: both;
	text-indent: -9999px;
}

.empty_tip {
	background-color: #FFF;
	border-bottom: 1px solid #E8E8E8;
	color: #DB584E;
  padding: 0.2rem;
}

.empty_tip1{
	font-size: 0.14rem;
	color: #DB5841;
	text-align: center;
	padding: 1rem;
	background-color: #F8F8F8;
}

.list_empty {
	color: #999;
	padding: 0.2rem;
	font-size: 0.13rem;
	text-align: center;
	margin-top: 2rem;
}

.single_line {
	display: block;
  height: 1px;
  background-color: #f8f8f8;
}

.main_btn {
  cursor: pointer;
  background-color: #4990E2;
  border-radius: 0.08rem;
  display: inline-block;
  height: 0.7rem;
  line-height: 0.7rem;
  text-align: center;
  padding-left: 0.266667rem;
  padding-right: 0.266667rem;
  color: white;
}

.main_btn:hover {
  opacity: 0.8;
}

.main_sec_btn {
  cursor: pointer;
  background-color: #fff;
  border-radius: 0.08rem;
  border: 1px solid #4990E2;
  display: inline-block;
  height: 0.7rem;
  line-height: 0.7rem;
  text-align: center;
  padding-left: 0.266667rem;
  padding-right: 0.266667rem;
  color: #4990E2;
}

.main_sec_btn:hover {
  opacity: 0.8;
}

/* 1.2rem => 45px*/
/* .header {
  width: 100%;
  height: 1.2rem; 
  line-height: 1.2rem;
  background-color: #fff;
  z-index: 999;
  overflow: hidden;
  position: fixed;
} */

/* .footer {
  width: 100%;
  height: 1.2rem;
  line-height: 1.2rem;
  background-color: #fff;
  z-index: 999;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  box-shadow: 0 -2px 4px 0 rgba(0,0,0,.08);
  padding: 0.133333rem;
  background: #fff;
} */



/**定义全局样式**/
.main_color {
  color: #4990E2;
}
.main_bgc {
  color: #0164c6;
}

.page-bg {
	background-color: #f8f8f8;
}

.white-bg {
	background-color: #fff;
}

.view_flex {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
}

.direct_column {
  flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
}

.flex_items_start {
  align-items: flex-start !important;
  -ms-flex-align: flex-start !important;
  -moz-align-items: flex-start !important;
  -webkit-box-align: flex-start !important;
  -webkit-align-items: flex-start !important;
}

.flex_items_center {
  align-items: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
}

.flex_items_end {
  align-items: flex-end;
  -ms-flex-align: flex-end;
  -moz-align-items: flex-end;
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
}

.flex_items_baseline {
  align-items: baseline;
  -ms-flex-align: baseline;
  -moz-align-items: baseline;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
}

.flex_justify_content_start {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
}

.flex_justify_content_end {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  justify-content: flex-end;
  -moz-justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.flex_justify_content_center {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
}

.flex_justify_content_around {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-around;
  -moz-justify-content: space-around;
  -webkit-justify-content: space-around;
}

.flex_justify_content_between {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
}


.flex_1 {
	flex: 1;
	-ms-flex:1;
	-moz-flex: 1;
	-webkit-flex:1;
	-webkit-box-flex:1;
}

.align_self_start {
  align-self: flex-start;
  -moz-align-self: flex-start;
  -webkit-align-self: flex-start;
}

.align_self_center {
  align-self: center;
  -moz-align-self: center;
  -webkit-align-self: center;
}

.align_self_end {
  align-self: flex-end;
  -moz-align-self: flex-end;
  -webkit-align-self: flex-end;
}

.align_self_baseline {
  align-self: baseline;
  -moz-align-self: baseline;
  -webkit-align-self: baseline;
}

.align_self_stretch {
  align-self: stretch;
  -moz-align-self: stretch;
  -webkit-align-self: stretch;
}

/** 基本全局样式 px2rem 37.5基准 **/
.m0 {
  margin: 0;
}

.m5 {
  margin: 0.133333rem;
}

.m10 {
  margin: 0.266667rem;
}

.m15 {
  margin: 0.4rem;
}

.m20 {
  margin: 0.533333rem;
}

.m30 {
  margin: 0.8rem;
}

.ml1 {
  margin-left: 0.026667rem;
}

.ml2 {
  margin-left: 0.053333rem;
}

.ml5 {
  margin-left: 0.133333rem;
}

.ml10 {
  margin-left: 0.266667rem;
}

.ml13 {
  margin-left: 0.346667rem;
}

.ml15 {
  margin-left: 0.4rem;
}

.ml20 {
  margin-left: 0.533333rem;
}

.ml25 {
  margin-left: 0.666667rem;
}

.ml30 {
  margin-left: 0.8rem;
}

.ml40 {
  margin-left: 1.066667rem;
}

.ml60 {
  margin-left: 1.6rem;
}

.mr0 {
  margin-right: 0.0rem;
}

.mr1 {
  margin-right: 0.026667rem;
}

.mr2 {
  margin-right: 0.053333rem;
}

.mr5 {
  margin-right: 0.133333rem;
}

.mr10 {
  margin-right: 0.266667rem;
}

.mr15 {
  margin-right: 0.4rem;
}

.mr20 {
  margin-right: 0.533333rem;
}

.mr25 {
  margin-right: 0.666667rem;
}

.mr30 {
  margin-right: 0.8rem;
}

.mr40 {
  margin-right: 1.066667rem;
}

.mr60 {
  margin-right: 1.6rem;
}

.mt1 {
  margin-top: 0.026667rem;
}

.mt2 {
  margin-top: 0.053333rem;
}

.mt5 {
  margin-top: 0.133333rem;
}

.mt10 {
  margin-top: 0.266667rem;
}

.mt15 {
  margin-top: 0.4rem;
}

.mt20 {
  margin-top: 0.533333rem;
}

.mt25 {
  margin-top: 0.666667rem;
}

.mt30 {
  margin-top: 0.8rem;
}

.mt40 {
  margin-top: 1.066667rem;
}

.mt60 {
  margin-top: 1.6rem;
}

.mb1 {
  margin-bottom: 0.026667rem;
}

.mb2 {
  margin-bottom: 0.053333rem;
}

.mb5 {
  margin-bottom: 0.133333rem;
}

.mb10 {
  margin-bottom: 0.266667rem;
}

.mb15 {
  margin-bottom: 0.4rem;
}

.mb20 {
  margin-bottom: 0.533333rem;
}

.mb25 {
  margin-bottom: 0.666667rem;
}

.mb30 {
  margin-bottom: 0.8rem;
}

.mb40 {
  margin-bottom: 1.066667rem;
}

.mb60 {
  margin-bottom: 1.6rem;
}

.mauto {
  margin: 0 auto;
}

/* padding px2rem 37.5基准 */
.p0 {
  padding: 0;
}

.p1 {
  padding: 0.026667rem;
}

.pl1 {
  padding-left: 0.026667rem;
}

.pt1 {
  padding-top: 0.026667rem;
}

.pr1 {
  padding-right: 0.026667rem;
}

.pb1 {
  padding-bottom: 0.026667rem;
}
.p2 {
  padding: 0.053333rem;
}
.pl2 {
  padding-left: 0.053333rem;
}
.pt2 {
  padding-top: 0.053333rem;
}
.pr2 {
  padding-right: 0.053333rem;
}
.pb2 {
  padding-bottom: 0.053333rem;
}

.pl5 {
  padding-left: 0.133333rem;
}

.p5 {
  padding: 0.133333rem;
}

.pt5 {
  padding-top: 0.133333rem;
}

.pr5 {
  padding-right: 0.133333rem;
}

.pb5 {
  padding-bottom: 0.133333rem;
}

.p10 {
  padding: 0.266667rem;
}

.pl10 {
  padding-left: 0.266667rem;
}

.pt10 {
  padding-top: 0.266667rem;
}

.pr10 {
  padding-right: 0.266667rem;
}

.pb10 {
  padding-bottom: 0.266667rem;
}

.p15 {
  padding: 0.4rem;
}

.pl15 {
  padding-left: 0.4rem;
}

.pt15 {
  padding-top: 0.4rem;
}

.pr15 {
  padding-right: 0.4rem;
}

.pb15 {
  padding-bottom: 0.4rem;
}

.p20 {
  padding: 0.533333rem;
}

.pl20 {
  padding-left: 0.533333rem;
}

.pt20 {
  padding-top: 0.533333rem;
}

.pr20 {
  padding-right: 0.533333rem;
}

.pb20 {
  padding-bottom: 0.533333rem;
}

.p25 {
  padding: 0.666667rem;
}

.pl25 {
  padding-left: 0.666667rem;
}

.pt25 {
  padding-top: 0.666667rem;
}

.pr25 {
  padding-right: 0.666667rem;
}

.pb25 {
  padding-bottom: 0.666667rem;
}

.p30 {
  padding: 0.8rem;
}

.pl30 {
  padding-left: 0.8rem;
}

.pt30 {
  padding-top: 0.8rem;
}

.pr30 {
  padding-right: 0.8rem;
}

.pb30 {
  padding-bottom: 0.8rem;
}

.p40 {
  padding: 1.066667rem;
}

.pl40 {
  padding-left: 1.066667rem;
}

.pt40 {
  padding-top: 1.066667rem;
}

.pr40 {
  padding-right: 1.066667rem;
}

.pb40 {
  padding-bottom: 1.066667rem;
}

.w100 {
  width: 100%;
}

.w95 {
  width: 95%;
}

.w90 {
  width: 90%;
}

.w85 {
  width: 85%;
}

.w80 {
  width: 80%;
}

.w75 {
  width: 75%;
}

.w70 {
  width: 70%;
}

.w60 {
  width: 60%;
}

.w65 {
  width: 65%;
}

.w50 {
  width: 50%;
}

.w55 {
  width: 55%;
}

.w40 {
  width: 40%;
}

.w45 {
  width: 45%;
}

.w30 {
  width: 30%;
}

.w35 {
  width: 35%;
}

.w20 {
  width: 20%;
}

.w25 {
  width: 25%;
}

.w10 {
  width: 10%;
}

.w15 {
  width: 15%;
}

.h40 {
  height: 1.066667rem;
}

.h60 {
  height: 1.6rem;
}

.h120 {
  height: 3.2rem;
}

.b0 {
  border: 0 !important;
}

.bd2 {
  border: 0.053333rem solid #ddd;
}

.btd2 {
  border-top: 0.053333rem solid #ddd;
}

.bbd2 {
  border-bottom: 0.053333rem solid #ddd;
}

.bld2 {
  border-left: 0.053333rem solid #ddd;
}

.brd2 {
  border-right: 0.053333rem solid #ddd;
}

.hide {
  display: none;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}